<template>
  <div>
      <div class="kuang">
     <div class="img" v-for="item in jingdian" :key="item.id">
         <img :src="item.img_path" />
      
     </div>
  </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
        jingdian:[]
    };
  },
  methods: {},
  async mounted(){
    // localhost:8080
      let url = "http://localhost:8080/data/filmlist.json"
      let res = await this.$axios.get(url)
    //   console.log(res.data)
      this.jingdian = res.data
      
  }
};
</script>

<style lang='scss'scoped>
.img{
        padding-top: .1rem;
    margin-bottom: .12rem;
    font-size: .3rem;
    font-weight: 400;
    background: red;
    color: #333;
    
}
.img>img{
        height: 100%;
}
</style>
